<template>
    <U07c3 edit>
        <!-- c3 entered with cid = {{$route.params.cid}} <br/>
             Project ID: {{ed.c.projectId}} <br />
             Project Name: {{ed.c.projectName}} <br />
             Selected Item: {{ed.itemId}} <br />
             Selected Item Payload: {{ed.c.L[ed.itemId].P.get(ed.payload) || "None"}} <br />
             Editing: {{U.ed_ing() ? "Yes" : "No"}} <br /> -->
        <h3> 🚀 测试链路协作平台 🚀 </h3>
        <el-text size="small">
            欢迎来到测试链路的“指挥中心”！在这里，您拥有完全的权限来调整、优化和管理测试链路中的每一个节点状态和相关数据（payloads），从而塑造链路的最终行为。
            您的智慧，将驱动测试链路高效运行！
            <el-popover placement="right" :width="400">
                <template #reference>
                    <el-icon><InfoFilled /></el-icon>
                </template>
                请选择您的下一步操作：
                <br/>
                1.  <el-text type="primary">放弃本次修改：</el-text> 点击“取消”，您可以随时退出而不保存任何更改，确保您的操作是深思熟虑的。
                <br/>
                2.  <el-text type="primary">确认并生效：</el-text> 点击“批准并保存”，系统将为您整合当前页面所有未删除节点的最新配置，并立即应用到测试链路中。
                <br/>
                3.  <el-text type="primary">精细化编辑：</el-text> 选中您想调整的节点后，点击“编辑”，即可进入详细配置模式。
                <br/>
            </el-popover>
        </el-text>
    </U07c3>
</template>

<script setup lang="ts">
 import U07c3 from '@/components/U07c3.vue';
 import { InfoFilled } from '@element-plus/icons-vue';
</script>


<style lang="scss">
 @use 'base';
 @use 'components/U00';
</style>
